﻿<header>
    <div class="content-wrapper">
        <div class="float-left">
            <p class="site-title">
                <a href="~/">ASP.NET Web API</a></p>
        </div>
    </div>
</header>
<div id="body">
    <section class="content-wrapper main-content clear-fix">
        <h3>Here is what we have:</h3>
        <div id="booksDiv"></div>
    </section>
</div>
@section scripts {
<script>
    $(function () {
        $.get("/api/books").done(function (books) {
            var st = '';
            $.each(books, function (i, book) {
                st = st + book.Title + '<br/>';
            });

            $("#booksDiv").html(st);
        });
    });

</script>
}